.banner {
 margin-top: 50rpx;
 width: 100%;
 height: 636rpx;
}
.goods-box {
	background: #f8f8fb;
	.goodsText {
		background-color: #fff;
		transform: translateY(-5px);
	}
}
.nav {
	top: 0rpx;
	left: 0;
	right: 0;
	z-index: 999;
	background: #fff;
	padding-top: 70rpx;
	padding-bottom: 14rpx;
}
.back {
	left: 24rpx;
	image {
		width: 48rpx;
		height: 48rpx;
	}
}
.top_btn {
	padding-top: 12rpx;
}
.anchor_button {
	height: 56rpx;
	border: 1px solid #999;
	box-sizing: border-box;
	border-radius: 999px;
	font-size: 28rpx;
	color: #333;
	line-height: 56rpx;
	.left,.right {
		width: 104rpx;
	}
	.left {
		border-radius: 999px 0 0 999px;
	}
	.right {
		border-radius: 0 999px 999px 0;
	}
	.gray {
		background: #666 !important;
		color: #fff !important;
	}
}
.banner {
	width: 100%;
	height: 636rpx;
}
.money {
	padding: 0 24rpx;
	background: #EB1F0D;
	height: 104rpx;
	top: -10rpx;
	color: #fff;
	.score {
		font-size: 30rpx;
		font-weight: 500;
		padding-right: 20rpx;
	}
	.line_score {
		font-size: 24rpx;
		text-decoration: line-through;
	}
    .right {
    	display: flex;
    	flex-direction: column;
    	text-align: right;
    }
    .exchange {
    	font-size: 20rpx;
    	font-weight: 500;
    	padding-top: 10rpx;
    }
    .count_down {
    	display: flex;
    	font-size: 22rpx;
    }
}
.title {
	top: -10rpx;
	padding: 20rpx 24rpx 20rpx 24rpx;
	
	background: #fff;
	.goods-title {
		font-size: 32rpx;
		color: #333;
		font-weight: bold;
	}
	.goods-desc {
		padding-top: 10rpx;
		font-size: 24rpx;
		color: #999;
		font-weight: 500;
	}
}
.tabs {
	background: #fff;
    margin-bottom: 160rpx;
	.goods-box {
		padding: 0 20rpx;
		padding-top: 16rpx;
		flex-wrap: wrap;
		.team {
			top: 0;
			left: 0;
			width: 82rpx;
			height: 36rpx;
			background: linear-gradient(90deg,#ff977b, #ff504c);
			border-radius: 6px 0px 14px 0px;
			color: #fff;
		}
		.goods {
			// min-height: 376rpx;
			width: 33%;
			// margin: 0 12rpx;
			box-sizing: border-box;
			border: 1px solid #F4F5FC;
			border-radius: 14rpx;
			// margin-bottom: 20rpx;
			image {
				width: 230rpx;
				height: 214rpx;
			}
			.label {
				height: 88rpx;
				font-size: 24rpx;
				line-height: 36rpx;
				color: #333;
				padding: 14rpx;
				overflow: hidden;
				// white-space: nowrap;
			}
			.value {
				font-size: 24rpx;
				line-height: 24rpx;
				color: #FF504C;
				padding-top: 10rpx;
				padding-left: 14rpx;
				padding-bottom: 20rpx;
			}
		}
	}
}
.advert {
	margin-bottom: -10rpx;
	width: 100%;
	image{
		width: 100%;
	}
}

.group {
	background: #fff;
	padding: 0 24rpx;
	.group_title {
		font-size: 24rpx;
		color: #333333;
		font-weight: 500;
		align-items: center;
		padding: 20rpx 0;
		.right {
			color: #A0A0A0;
			display: flex;
			line-height: 1em;
			align-items: center;
			image {
				width: 60rpx;
				height: 60rpx;
				vertical-align: middle;
			}
		}
	}
	
	.group_itme {
		font-size: 24rpx;
		border-top: 2rpx solid rgba($color: #DDD, $alpha: 0.5);
		.left {
			font-size: 28rpx;
			.username {
				padding-left: 12rpx;
				box-sizing: border-box;
				color: #333333;
				font-weight: 500;
			}
			image {
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
			}
		}
		
		.right {
			display: flex;
			padding: 26rpx 0 22rpx 0;
			.right_text {
				text-align: right;
				padding-right: 20rpx;
				text {
					color: #E93323;
				}
				.time {
					color: #999999;
				}
			}
			.right_btn {
				button {
					font-size: 24rpx;
					width: 154rpx;
					height: 56rpx;
					border-radius: 28rpx;
					color: #FFF;
					background-image: linear-gradient(to right, #ff2d1b, #ff977b);
				}
			}
		}
	}
}
.group_bottom {
	margin: 20rpx 0;
	padding: 20rpx 24rpx;
	box-sizing: border-box;
	font-size: 24rpx;
	color: #333333;
	font-weight: 500;
	background: #FFFFFF;
	.right {
		color: #A0A0A0;
		display: flex;
		line-height: 1em;
		align-items: center;
		image {
			width: 60rpx;
			height: 60rpx;
			vertical-align: middle;
		}
	}
}
